$(document).ready(function () {
    $("#list2").css("display", "none");
    $("#list2").css("opacity", 0);
    $("#title").click(function () { 
        if($("#num1").css("opacity") == 1){
            $("#num1").animate({opacity: 0.2});
            $("#num2").animate({opacity: 1});
            $("#list1").animate({opacity: 0},function(){
                $("#list1").css("display", "none");
                $("#list2").css("display", "block");
                $("#list2").animate({opacity: 1});
            });
        }else{
            $("#num2").animate({opacity: 0.2});
            $("#num1").animate({opacity: 1});
            $("#list2").animate({opacity: 0},function(){
                $("#list2").css("display", "none");
                $("#list1").css("display", "block");
                $("#list1").animate({opacity: 1});
            });
        }
    });
});